<mat-card>
  <mat-card-header>
    <img mat-card-avatar [images]="article?.thumb">
    <mat-card-title class="article-title">
        <div>{{article?.title}}</div>
        <mat-chip-list [selectable]="false">
          <mat-chip>{{article?.cate?.name}}</mat-chip>
          <mat-chip>{{article?.created_at}}</mat-chip>
        </mat-chip-list>

    </mat-card-title>
    <mat-card-subtitle>{{article?.description}}</mat-card-subtitle>
    <mat-card-subtitle>

    </mat-card-subtitle>
  </mat-card-header>
  <mat-card-content>
      <div markdown [data]="article?.content" ></div>
  </mat-card-content>
  <mat-card-actions>
  </mat-card-actions>
</mat-card>